/* -------------------------
 * 全局可复用混入 (Mixins)
 * ------------------------- */
@use 'variables' as *;
// 弹性布局居中
@mixin flex-center {
  display: flex;
  align-items: center;
  justify-content: center;
}

// 容器阴影
@mixin box-shadow {
  box-shadow: $box-shadow-base;
}

// 链接样式
@mixin link-style {
  color: $primary-color;
  text-decoration: none;
  cursor: pointer;

  &:hover {
    text-decoration: underline;
  }
}